<template> 
  <!-- 搜索 --> 
 <div class="query-form">
      <el-form   :inline="true" :model="queryForm" ref="formwhere">
 
        <!-- 普通输入框--> 
 
       
        <el-form-item label="邮箱" prop="where.email">
          <el-input placeholder="请输入"  v-model="where.email" />
        </el-form-item>
        
        <el-form-item label="手机" prop="where.mobile">
          <el-input placeholder="请输入"  v-model="where.mobile" />
        </el-form-item>
        
        <el-form-item label="账号" >
          <el-input placeholder="请输入"  v-model="where.username"/>
        </el-form-item>
        <el-form-item label="状态" >
          <el-select v-model="where.status"> 
            <el-option value="1" label="正常"></el-option>
            <el-option value="-1" label="停用"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleSubmit">查询</el-button> 
        </el-form-item>
      </el-form>
    </div> 
  
        <!-- 按钮组 -->
       
     <div class="base-table">  <!-- 表格 -->
           <el-table
        :data="dataList"
        row-key="id"
        :tree-props="{ children: 'childlist' }"
        
        @selection-change="handleSelectionChange"
      >
        <JmTb
          v-for="item in columns"
          :name="item.label"
          :key="item.prop"
          :prop="item.prop"
          :label="item.label"
          :type="item.type"
          :width="item.width"
          :jv="item.jv"
          :formatter="item.formatter"
        >
        </JmTb>
 
        <el-table-column label="操作" width="220">
          <template #default="scope">
      
            <el-button @click="restorerecycleCate(scope.row.id)" size="mini"
              >恢复</el-button
            >
            <el-button
              type="danger"
              size="mini"
              @click="del(scope.row.id)"
              >永久删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
 
 
  

</template>


 
 
<script>
 import indexjs from './recycle.js'
export default {
  ...indexjs,
}
</script>
  
<style lang="scss">
 
.el-dialog__header{
    box-shadow: 0px 5px 10px #a5a5a5;
    background: #001529;
    color: white;
}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__title{
color: white;
}
</style>